{%extends "model.html" %}

{% block content %}
    <div class="container-fluid" id="navigation" style="float: left; width: 100%; height: 5%">

        <div class="row" style="background-color: #5e5e5e">
            <div class="col-lg-6">
                <h2>个人中心</h2>
            </div>
        </div>

        <div style="width: 20%;float: left; margin-top: 5%" >
				<div class="btn-group-vertical" role="group" aria-label="..." style="width: 100%">
					<button type="button" class="btn btn-default">账号信息</button>
					<button type="button" class="btn btn-default">个人信息</button>
					<button type="button" class="btn btn-default">相关说明</button>
				</div>
        </div>
        <div style="float: left; width: 75%; margin-left: 5%; margin-top: 5%">

            <!--            账号信息-->
            <div class="jumbotron container-fluid" style="display: none">
                <div class="row">
                    <span class="col-lg-1">
                        注册时间：
                    </span>
                    <span class="col-lg-1">
                        2020-08-01
                    </span>

                </div>

                <div class="row">
                    <span class="col-lg-1">
                        当前状态：
                    </span>
                    <span class="col-lg-1">
                        在线
                    </span>
                </div>

                <div class="row">
                     <span class="col-lg-1">
                        社交账号
                    </span>
                    <span class="col-lg-1">
                        1300986027
                    </span>

                </div>

            </div>

            <!--            用户信息-->
            <div class="jumbotron container-fluid" style="display: none">
                <div class="row">
                    <span class="col-lg-1">
                        账号：
                    </span>
                    <span class="col-lg-1">
                        1300986027
                    </span>

                </div>

                <div class="row">
                    <span class="col-lg-1">
                        密码：
                    </span>
                    <span class="col-lg-1">
                        xxxxx
                    </span>
                </div>

                <div class="row">
                     <span class="col-lg-1">
                        创作数量：
                    </span>
                    <span class="col-lg-1">
                        100
                    </span>

                </div>
            </div>

            <!--            相关说明-->
            <div class="jumbotron container-fluid" style="display: block">
                <div class="row">
                    <span class="col-lg-1">
                        条例1：
                    </span>
                    <span class="col-lg-1">
                        1300986027
                    </span>

                </div>

                <div class="row">
                    <span class="col-lg-1">
                        条例2：
                    </span>
                    <span class="col-lg-1">
                        xxxxx
                    </span>
                </div>

                <div class="row">
                     <span class="col-lg-1">
                        条例3：
                    </span>
                    <span class="col-lg-1">
                        100
                    </span>

                </div>
            </div>
        </div>

    </div>
{% endblock %}
